export default {
  // 为当前模块开启命名空间
  namespaced: true,
  // 模块的state数据
  state: () => ({
    // 购物车的数组，用来储存购物车中每个商品的信息对象
    // 每个商品的信息对象，都包含如下6个属性：
    // { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state }
    // 项目初始化后读数据 读取存储的 cart为键名的数据，如果没有数据让他默认为空数组
    // 调用JSON.parse()方法将读取到的数据转化为js对象的格式
    cart: JSON.parse(uni.getStorageSync('cart') || '[]')
  }),
  mutations: {
    // 添加购物车
    addToCart(state, goods) {
      // 根据提交的商品的id，查询购物车中是否存在这件商品
      const findResult = state.cart.find((x) => x.goods_id === goods.goods_id)
      // 判断查找到的值是否存在
      if (!findResult) {
        // 如果不存在，可直接存进去,push进去
        state.cart.push(goods)
      } else {
        // 如果购物车中有这件商品，直接更新商品数量即可
        findResult.goods_count++
      }
      // 在数据更改后调用储存goods到本地的方法
      this.commit('m_cart/saveToStorage')
    },
    // 将购物车中的数据持久化储存到本地
    saveToStorage(state) {
      // 因为setStorageSync只能存储 键值对 方式的内容，并且得转化为字符串的方式进行储存
      uni.setStorageSync('cart', JSON.stringify(state.cart))
    },
    // 更新购物车中商品的勾选状态
    updateGoodsState(state, goods) {
      // 根据goods_id查找对应的商品信息
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      // 如果查找结果有值
      if (findResult) {
        // 更新对应商品的勾选状态  
        findResult.goods_state = goods.goods_state
        // 并存储到本地
        this.commit('m_cart/saveToStorage')
      }
    },
    // 更新购物车中商品数量
    updateGoodsCount(state, goods) {
      // 根据goods_id 查询购物车中对应的商品数量
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      if (findResult) {
        // 如果查询到数据，更新对应的商品数量
        findResult.goods_count = goods.goods_count
      }
      // 保存到本地储存
      this.commit('m_cart/saveToStorage')
    },
    // 通过id查到要删除的商品
    removeGoodsById(state, goods) {
      // 调用数组的filter方法过滤出删除后剩余的其他数组
      state.cart = state.cart.filter(x => x.goods_id !== goods.goods_id)
      // 重新保存到本地存储
      this.commit('m_cart/saveToStorage')
    },
    updateCheckedAllState(state, newState) {
      state.cart.forEach(x => x.goods_state = newState)
      // 购物车的信息冲洗保存一下
      this.commit('m_cart/saveToStorage')
    }
  },
  getters: {
    // 统计购物车中的总数(包含未勾选)
    total(state) {
      // let c = 0
      // // 循环统计购物车中的商品总数，累计到c中
      // state.cart.forEach(goods => c += goods.goods_count)
      // return c
      // 改造为reduce()方法
      return state.cart.reduce((total, item) =>
        total += item.goods_count, 0)
    },
    // 勾选商品的总数量
    checkedCount(state) {
      // 先使用 filter过滤出所有选中的商品
      // 再使用reduce() 方法累加他们的goods_count 初始值为0
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count, 0)
    },
    // 已勾选的商品的总价
    checkedGoodsAmount(state){
      // 先过滤出所有已选中的商品，在进行reduce()方法 让每种商品的数量乘以价格，进行累加
      // reduce()的返回值就是  已勾选商品的总价  在进行toFixed(num)的方法，保留两位小数
     return state.cart.filter(x=>x.goods_state).reduce((total,item)=>total +=item.goods_count * item.goods_price,0).toFixed(2)
    }
  }

}
